<template>
	<view class="explain">
		<text class="cuIcon-back" style="font-size: 25rpx;color: #000;position: fixed;left: 20rpx;z-index: 9;" :style="{top: `calc(${systemInfo.statusBarHeight}px + 25rpx)`}"></text>
		<!-- <view class="" style="margin-top: 30rpx;">
			
		</view> -->
		
		<image class="picbg" :style="{height: `calc(100vh - ${systemInfo.statusBarHeight}px)`, top: `${systemInfo.statusBarHeight}px`}" src="/static/logo.png" mode=""></image>
		
		
	</view>
</template>

<script>
	export default{
		name:'explain',
		data(){
			return{
				systemInfo: {}
			}
		},
		onLoad() {
			uni.getSystemInfo({
				success: res => this.systemInfo = res
			})
			console.log(this.miXinStateBar,'miXinStateBarmiXinStateBarmiXinStateBarmiXinStateBar')
		}
	}
</script>

<style lang="scss" scoped>
	.explain{
		.picbg{
			width: 100vw;
			position: fixed;
			left: 0;
			z-index: 3;
		}
	}
</style>
